<template>
  <section class="features">
    <div class="container">
      <h2 class="section-title">淄博烧烤三大特色</h2>
      <div class="features-grid grid grid-3">
        <div class="feature-card card">
          <div class="feature-icon">🔥</div>
          <h3 class="feature-title">炭火烧烤</h3>
          <p class="feature-description">传统炭火烧制，锁住食材原香，每一口都是满满的烟火气息</p>
        </div>
        <div class="feature-card card">
          <div class="feature-icon">🥬</div>
          <h3 class="feature-title">小饼卷肉</h3>
          <p class="feature-description">独特的小饼卷肉吃法，蘸料丰富，口感层次分明，回味无穷</p>
        </div>
        <div class="feature-card card">
          <div class="feature-icon">❤️</div>
          <h3 class="feature-title">人文关怀</h3>
          <p class="feature-description">热情好客的淄博人，让每一位客人都能感受到家的温暖</p>
        </div>
      </div>
    </div>
  </section>
</template>

<script setup lang="ts">
// 特色功能组件，无需额外逻辑
</script>

<style scoped>
@import '../assets/styles/common.css';
@import '../assets/styles/components/special-features.css';
</style>